* {
    margin         : 0;
    padding        : 0;
    text-decoration: none;
    list-style     : none;
    font-size      : 14px;

    font-family            : 'Avenir', Helvetica, Arial, sans-serif;
    -webkit-font-smoothing : antialiased;
    -moz-osx-font-smoothing: grayscale;
    color                  : #2c3e50;
}

.theme {
    background-color: #f5f5f5;
}

html,
body {
    background-color: #f5f5f5;
}

/*通用样式*/
/*手机*/
@media screen and (max-width:600px) {}

/*平板*/
@media screen and (min-width:600px) and (max-width:980px) {
    #header {
        position        : fixed;
        top             : 0;
        z-index         : 9999;
        width           : 100vw;
        height          : 56px;
        background-color: #fff;
        box-sizing      : border-box;

        .center {
            height : 100%;
            padding: 6px 16px;
        }
    }

    .center {
        width  : 100%;
        padding: 6px;
    }

    .left {
        width           : 100%;
        margin          : 10px;
        min-height      : 200px;
        background-color: rgb(255, 255, 255);
    }

    .right {
        display: none;
    }
}

/*PC*/
@media screen and (min-width:980px) {

    #header {
        position        : fixed;
        top             : 0;
        z-index         : 9999;
        width           : 100vw;
        height          : 56px;
        background-color: #fff;
        box-sizing      : border-box;
    }

    .section {
        width          : 100%;
        display        : flex;
        justify-content: center;
        align-items    : center;
    }

    .center {
        width  : 1000px;
        padding: 6px;
    }

    .left {
        margin-top      : 10px;
        width           : 720px;
        min-height      : 200px;
        background-color: rgb(255, 255, 255);
        // box-shadow   : 0 0 6px rgba(0, 0, 0, .1);
    }

    .right {
        margin-top         : 10px;
        width              : 240px;
        min-height         : 600px;
        // background-color: #fff;
        // box-shadow      : 0 0 6px rgba(0, 0, 0, .1);
    }
}

//flex 布局常用
.flex_row {
    display: flex;
}

.flex_between {
    justify-content: space-between;
}

.flex_center {
    align-items: center;
}

.flex_all_center {
    align-items    : center;
    justify-content: center;
}

.flex_col {
    display       : flex;
    flex-direction: column;
}